<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>拼夕夕商城</title>

    <!-- Favicons -->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/bs/assets/images/favicon.ico">

    <!-- Vendor CSS (Icon Font) -->

    <!-- 
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/vendor/fontawesome.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/vendor/pe-icon-7-stroke.min.css" />
-->


    <!-- Plugins CSS (All Plugins Files) -->


    <!-- 
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/swiper-bundle.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/animate.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/lightgallery.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/aos.min.css" />
<link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/nice-select.min.css" />
-->


    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/style.css" /> -->


    <!-- Use the minified version files listed below for better performance and remove the files listed above -->


    <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/vendor/vendor.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bs/assets/css/style.min.css">





</head>

<body>

<!-- Header Section Start -->
<div class="header section">

    <!-- Header Top Start -->
    <div class="header-top bg-primary">
        <div class="container">
            <div class="row align-items-center">

                <!-- Header Top Message Start -->
                <div class="col-12">
                    <div class="header-top-msg-wrapper text-center">
                        <p class="header-top-message text-center"><strong>数码</strong> 系列最高可减50% <a href="shop.jsp" class="btn btn-hover-dark btn-secondary">现在购买</a></p>
                        <div class="header-top-close-btn">
                            <button class="top-close-btn"><i class="pe-7s-close"></i></button>
                        </div>
                    </div>
                </div>
                <!-- Header Top Message End -->
            </div>
        </div>
    </div>
    <!-- Header Top End -->

    <!-- Header Bottom Start -->
    <div class="header-bottom">
        <div class="header-sticky">
            <div class="container">
                <div class="row align-items-center position-relative">

                    <!-- Header Logo Start -->
                    <div class="col-md-6 col-lg-3 col-xl-2 col-6">
                        <div class="header-logo">
                            <a href="index.jsp"><img src="${pageContext.request.contextPath}/bs/assets/images/logo/logo.png" alt="Site Logo" /></a>
                        </div>
                    </div>
                    <!-- Header Logo End -->

                    <!-- Header Menu Start -->
                    <div class="col-lg-6 d-none d-lg-block">

                        <div class="main-menu">
                            <ul>
                                <li class="has-children">
                                    <a href="${pageContext.request.contextPath}/bs/index.jsp">首页</a>
                                </li>
                                <li class="has-children position-static">
                                    <a href="#">商品<i class="fa fa-angle-down"></i></a>
                                    <ul class="mega-menu row">
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">购买商品</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/product/list">全部商品</a></li>
                                                <li><a href="${pageContext.request.contextPath}/product/list">服装</a></li>
                                                <li><a href="${pageContext.request.contextPath}/product/list">首饰</a></li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">特别推荐</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-sale.jsp">潘多拉手链</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-group.jsp">雷蛇皮卡丘联名</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-slider.jsp">植村秀海贼王联名</a></li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">特别推荐</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-tab-style-left.jsp">卡西欧手表</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-tab-style-right.jsp">拍立得</a></li>
                                                <li><a href="${pageContext.request.contextPath}/bs/single-product-sticky-left.jsp">优衣库</a></li>
                                            </ul>
                                        </li>
                                        <li class="col-3">
                                            <h4 class="mega-menu-title">其他部分</h4>
                                            <ul class="mb-n2">
                                                <li><a href="${pageContext.request.contextPath}/user/userInfo">我的帐户</a></li>
                                                <li><a href="${pageContext.request.contextPath}/cart/list">购物车</a></li>
                                                <c:if test="${sessionScope.get('userSession') == null}">
                                                    <li><a href="${pageContext.request.contextPath}/bs/login.jsp">登录</a></li>
                                                    <li><a href="${pageContext.request.contextPath}/bs/register.jsp">注册</a></li>
                                                </c:if>
                                                <c:if test="${sessionScope.get('userSession') != null}">
                                                    <li><a href="${pageContext.request.contextPath}/user/loginOut">退出登录</a></li>
                                                </c:if>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>

                                <li><a href="${pageContext.request.contextPath}/bs/about.jsp">关于我们</a></li>
                                <li><a href="${pageContext.request.contextPath}/bs/contact.jsp">联系我们</a></li>
                            </ul>
                        </div>

                    </div>
                    <!-- Header Menu End -->

                    <!-- Header Action Start -->
                    <div class="col-md-6 col-lg-3 col-xl-4 col-6 justify-content-end">
                        <div class="header-actions">
                            <a href="javascript:void(0)" class="header-action-btn header-action-btn-search d-none d-lg-block"><i class="pe-7s-search"></i></a>
                            <div class="dropdown-user d-none d-lg-block">
                                <a href="javascript:void(0)" class="header-action-btn"><i class="pe-7s-user"></i></a>
                            </div>
                            <a  class="header-action-btn header-action-btn-wishlist">
                                <i class="pe-7s-like"></i>
                            </a>
                            <a href="javascript:void(0)" class="header-action-btn header-action-btn-cart">
                                <i class="pe-7s-cart"></i>
                            </a>
                            <!-- Mobile Menu Hambarger Action Button Start -->
                            <a href="javascript:void(0)" class="header-action-btn header-action-btn-menu d-lg-none d-md-block">
                                <i class="fa fa-bars"></i>
                            </a>
                            <!-- Mobile Menu Hambarger Action Button End -->

                        </div>
                    </div>
                    <!-- Header Action End -->

                </div>
            </div>
        </div>
    </div>
    <!-- Header Bottom End -->

    <!-- Offcanvas Search Start -->
    <div class="offcanvas-search">
        <div class="offcanvas-search-inner">

            <!-- Button Close Start -->
            <div class="offcanvas-btn-close">
                <i class="pe-7s-close"></i>
            </div>
            <!-- Button Close End -->

            <!-- Offcanvas Search Form Start -->
            <form class="offcanvas-search-form" action="#">
                <input type="text" placeholder="Search Product..." class="offcanvas-search-input">
            </form>
            <!-- Offcanvas Search Form End -->

        </div>
    </div>
    <!-- Offcanvas Search End -->



</div>
<!-- Header Section End -->



    <!-- Breadcrumb Section Start -->
    <div class="section">

        <!-- Breadcrumb Area Start -->
        <div class="breadcrumb-area bg-primary">
            <div class="container">
                <div class="breadcrumb-content">
                    <ul>
                        <li>
                            <a href="index.jsp"><i class="fa fa-home"></i> </a>
                        </li>
                        <li class="active">博客详细信息</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- Breadcrumb Area End -->

    </div>
    <!-- Breadcrumb Section End -->

    <!-- Blog Details Section Start -->
    <div class="section section-margin">
        <div class="container">

            <div class="row">
                <!-- Blog Main Area Start -->
                <div class="col-lg-9 m-auto overflow-hidden">

                    <!-- Single Post Details Start -->
                    <div class="blog-details mb-10">

                        <!-- Blog Details Image Start -->
                        <div class="image mb-6" data-aos="fade-up" data-aos-delay="300">
                            <img class="fit-image" src="${pageContext.request.contextPath}/bs/assets/images/blog/blog-details/1.jpg" alt="Blog">
                        </div>
                        <!-- Blog Details Image End -->

                        <!-- Single Post Details Content Start -->
                        <div class="content" data-aos="fade-up" data-aos-delay="300">

                            <!-- Title Start -->
                            <h2 class="title mb-3">同侧盲蝽的传代有许多变异</h2>
                            <!-- Title End -->

                            <!-- Meta List Start -->
                            <div class="meta-list mb-3">
                                <span>By <a href="#" class="meta-item author mr-1">Admin,</a></span>
                                <span class="meta-item date">2021.5.21</span>
                                <span class="meta-item comment"><a href="#">03评论</a></span>
                            </div>
                            <!-- Meta List End -->

                            <!-- Description Start -->
                            <div class="desc">
                                <p>与流行的观点相反，Lorem Ipsum并不是简单的随机文本。它起源于公元前45年的一部古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从一段Lorem Ipsum的文章中查找了一个比较晦涩的拉丁语单词consectetur。</p>

                                <!-- Blockquote Start -->
                                <blockquote class="blockquote mt-5 mb-5">
                                    <p>与流行的观点相反，Lorem Ipsum并不是简单的随机文本。它起源于公元前45年的一部古典拉丁文学，距今已有2000多年的历史。理查德·麦克林托克</p>
                                </blockquote>
                                <!-- Blockquote End -->

                                <p>并通过对古典文学中该词的引用，发现了其不容置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著的《德菲尼布斯博诺鲁姆马洛鲁姆》（de Finibus Bonorum et Malorum）的第1.10.32节和第1.10.33节。这本书是关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节的一行。</p>
                            </div>
                            <!-- Description End -->

                        </div>
                        <!-- Single Post Details Content End -->

                        <!-- Single Post Details Footer Start -->
                        <div class="single-post-details-footer mt-10" data-aos="fade-up" data-aos-delay="300">
                            <!-- Shear Article Start -->
                            <div class="share-article">
                                <span class="left-side">
                                        <a href="#"> <i class="fa fa-long-arrow-left"></i> 更老的帖子</a>
                                    </span>
                                <h6 class="share-title text-uppercase">分享这篇文章</h6>
                                <span class="right-side">
                                        <a href="#">更新的帖子<i class="fa fa-long-arrow-right"></i></a>
                                    </span>
                            </div>
                            <!-- Shear Article Start -->
                            <!-- Social Shear Start -->
                            <div class="widget-social border-top pt-2">
                                <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                                <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                                <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                                <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                                <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                            </div>
                            <!-- Social Shear Start -->
                        </div>
                        <!-- Single Post Details Footer End -->

                    </div>
                    <!-- Single Post Details End -->

                    <!-- Comments Area Wrapper Start -->
                    <div class="comment-area-wrapper mt-5" data-aos="fade-up" data-aos-delay="400">

                        <!-- Title Start -->
                        <h3 class="title mb-6">3 评论</h3>
                        <!-- Title End -->

                        <!-- Single Comment Wrapper Start -->
                        <div class="single-comment-wrap mb-6 bg-milky">
                            <a class="author-thumb" href="#">
                                <img src="${pageContext.request.contextPath}/bs/assets/images/blog/thumb/1.jpg" alt="Author">
                            </a>
                            <div class="comments-info">
                                <p class="mb-1">这本书是关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行，“Lorem Ipsum悲哀地坐在amet</p>
                                <div class="comment-footer d-flex justify-content-between">
                                    <span class="author"><a href=""><strong>易烊千玺</strong></a> - 2021.3.4</span>
                                    <a href="#" class="btn-reply"><i class="fa fa-reply"></i> 回复</a>
                                </div>
                            </div>
                        </div>
                        <!-- Single Comment Wrapper End -->

                        <!-- Single Comment Wrapper Start -->
                        <div class="single-comment-wrap mb-6 comment-reply bg-milky">
                            <a class="author-thumb" href="#">
                                <img src="${pageContext.request.contextPath}/bs/assets/images/blog/thumb/2.jpg" alt="Author">
                            </a>
                            <div class="comments-info">
                                <p class="mb-1">Praesent bibendum risus pellentesque faucibus rhoncus. Etiam a mollis odio. Integer urna nisl, fermentum eu mollis et, gravida eu elit.</p>
                                <div class="comment-footer d-flex justify-content-between">
                                    <span class="author"><a href=""><strong>张云雷</strong></a> - 2021.4.24</span>
                                    <a href="#" class="btn-reply"><i class="fa fa-reply"></i> 回复</a>
                                </div>
                            </div>
                        </div>
                        <!-- Single Comment Wrapper End -->

                        <!-- Single Comment Wrapper Start -->
                        <div class="single-comment-wrap bg-milky">
                            <a class="author-thumb" href="#">
                                <img src="${pageContext.request.contextPath}/bs/assets/images/blog/thumb/3.jpg" alt="Author">
                            </a>
                            <div class="comments-info">
                                <p class="mb-1">Praesent bibendum risus pellentesque faucibus rhoncus. Etiam a mollis odio. Integer urna nisl, fermentum eu mollis et, gravida eu elit.</p>
                                <div class="comment-footer d-flex justify-content-between">
                                    <span class="author"><a href=""><strong>孤影</strong></a> - 2021.5.23</span>
                                    <a href="#" class="btn-reply"><i class="fa fa-reply"></i> 回复</a>
                                </div>
                            </div>
                        </div>
                        <!-- Single Comment Wrapper End -->

                    </div>
                    <!-- Comments Area Wrapper End -->

                    <!-- Blog Comments Form Start -->
                    <div class="blog-comment-form-wrapper mt-10" data-aos="fade-up" data-aos-delay="400">

                        <!-- Blog Comment Form Title Start -->
                        <div class="blog-comment-form-title">
                            <h2 class="title">留言</h2>
                        </div>
                        <!-- Blog Comment Form Title End -->

                        <!-- Comment Box Start -->
                        <div class="comment-box">
                            <form action="#">
                                <div class="row">

                                    <!-- Message Input Start -->
                                    <div class="col-12 col-custom">
                                        <div class="input-item mt-4 mb-4">
                                            <textarea cols="30" rows="5" name="comment" class="rounded-0 w-100 custom-textarea input-area" placeholder="Message"></textarea>
                                        </div>
                                    </div>
                                    <!-- Message Input End -->

                                    <!-- Name Input Start -->
                                    <div class="col-md-6 col-custom">
                                        <div class="input-item mb-4">
                                            <input class="rounded-0 w-100 input-area name" type="text" placeholder="Name">
                                        </div>
                                    </div>
                                    <!-- Name Input End -->

                                    <!-- Email Input Start -->
                                    <div class="col-md-6 col-custom">
                                        <div class="input-item mb-4">
                                            <input class="rounded-0 w-100 input-area email" type="text" placeholder="Email">
                                        </div>
                                    </div>
                                    <!-- Email Input End -->

                                    <!-- Website Input Start -->
                                    <div class="col-12-6 col-custom">
                                        <div class="input-item mb-4">
                                            <input class="rounded-0 w-100 input-area name" type="text" placeholder="Website">
                                        </div>
                                    </div>
                                    <!-- Website Input End -->

                                    <!-- Submit Button Start -->
                                    <div class="col-12 col-custom mt-4">
                                        <button type="submit" class="btn btn-primary btn-hover-dark">发表评论</button>
                                    </div>
                                    <!-- Submit Button End -->

                                </div>
                            </form>
                        </div>
                        <!-- Comment Box End -->

                    </div>
                    <!-- Blog Comments Form End -->

                </div>
                <!-- Blog Main Area End -->
            </div>

        </div>
    </div>
    <!-- Blog Details Section End -->
<!-- Footer Section Start -->
<footer class="section footer-section">
    <!-- Footer Top Start -->
    <div class="footer-top bg-primary section-padding">
        <div class="container">
            <div class="row mb-n8">
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget">
                        <h1 class="widget-title">关于我们</h1>
                        <p class="desc-content">我们是一个设计和开发团队，创造高品质的wordpress，shopify，Opencart</p>
                        <!-- Soclial Link Start -->
                        <div class="widget-social justify-content-start mb-n2">
                            <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                            <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                            <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                            <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                            <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                        </div>
                        <!-- Social Link End -->
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget">
                        <h2 class="widget-title">联系我们</h2>
                        <ul class="contact-links">
                            <li><i class="pe-7s-home"></i> <span>黑龙江大庆市八一农垦大学</span> </li>
                            <li><i class="pe-7s-mail"></i><a href="mailto:info@example.com"> 2271000769@qq.com</a></li>
                            <li><i class="pe-7s-call"></i><a href="tel:+012-3456-789"> +012 3456 789</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget aos-init aos-animate">
                        <h2 class="widget-title">问询处</h2>
                        <ul class="widget-list">
                            <li><a href="contact.jsp">条款与条件</a></li>
                            <li><a href="contact.jsp">付款方式</a></li>
                            <li><a href="contact.jsp">产品保修</a></li>
                            <li><a href="contact.jsp">退货流程</a></li>
                            <li><a href="contact.jsp">支付保证金</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-lg-3 mb-8">
                    <div class="single-footer-widget">
                        <h2 class="widget-title">注册新闻稿</h2>
                        <div class="widget-body">
                            <!-- Newsletter Form Start -->
                            <div class="newsletter-form-wrap pt-1">
                                <form id="mc-form" class="mc-form">
                                    <input type="email" id="mc-email" class="form-control email-box mb-4" placeholder="demo@example.com" name="EMAIL">
                                    <button id="mc-submit" class="newsletter-btn" type="submit">订阅</button>
                                </form>
                                <!-- mailchimp-alerts Start -->
                                <div class="mailchimp-alerts text-centre">
                                    <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                    <div class="mailchimp-success text-success"></div><!-- mailchimp-success end -->
                                    <div class="mailchimp-error text-danger"></div><!-- mailchimp-error end -->
                                </div>
                                <!-- mailchimp-alerts end -->
                            </div>
                            <!-- Newsletter Form End -->
                            <p class="desc-content mb-0">加入1000多人的行列，他们可以在每次发布时自动获得免费和新鲜的内容</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Top End -->

    <!-- Footer Bottom Start -->
    <div class="footer-bottom bg-secondary pt-4 pb-4">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 text-center">
                    <div class="copyright-content">
                        <p class="mb-0">版权所有；2021.拼夕夕商城保留所有权利。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Bottom End -->
</footer>
<!-- Footer Section End -->


    <a href="#" class="scroll-top show" id="scroll-top">
        <i class="arrow-top pe-7s-angle-up-circle"></i>
        <i class="arrow-bottom pe-7s-angle-up-circle"></i>
    </a>

    <!-- Mobile Menu Start -->
    <div class="mobile-menu-wrapper">
        <div class="offcanvas-overlay"></div>

        <!-- Mobile Menu Inner Start -->
        <div class="mobile-menu-inner">

            <!-- Button Close Start -->
            <div class="offcanvas-btn-close">
                <i class="pe-7s-close"></i>
            </div>
            <!-- Button Close End -->

            <!-- Mobile Menu Inner Wrapper Start -->
            <div class="mobile-menu-inner-wrapper">
                <!-- Mobile Menu Search Box Start -->
                <div class="search-box-offcanvas">
                    <form>
                        <input class="search-input-offcanvas" type="text" placeholder="Search product...">
                        <button class="search-btn"><i class="pe-7s-search"></i></button>
                    </form>
                </div>
                <!-- Mobile Menu Search Box End -->

                <!-- Mobile Menu Start -->
                <div class="mobile-navigation">
                    <nav>
                        <ul class="mobile-menu">
                            <li class="has-children">
                                <a href="#">Home <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown">
                                    <li><a href="index.jsp">Home One</a></li>
                                    <li><a href="index-2.jsp">Home Two</a></li>
                                    <li><a href="index-3.jsp">Home Three</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Shop <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="shop.jsp">Shop Grid</a></li>
                                    <li><a href="shop-left-sidebar.jsp">Shop Left Sidebar</a></li>
                                    <li><a href="shop-right-sidebar.jsp">Shop Right Sidebar</a></li>
                                    <li><a href="shop-list-fullwidth.jsp">Shop List Fullwidth</a></li>
                                    <li><a href="shop-list-left-sidebar.jsp">Shop List Left Sidebar</a></li>
                                    <li><a href="shop-list-right-sidebar.jsp">Shop List Right Sidebar</a></li>
                                    <li><a href="wishlist.jsp">Wishlist</a></li>
                                    <li><a href="cart.jsp">Shopping Cart</a></li>
                                    <li><a href="checkout.jsp">Checkout</a></li>
                                    <li><a href="compare.jsp">Compare</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Product <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="single-product.jsp">Single Product</a></li>
                                    <li><a href="single-product-sale.jsp">Single Product Sale</a></li>
                                    <li><a href="single-product-group.jsp">Single Product Group</a></li>
                                    <li><a href="single-product-normal.jsp">Single Product Normal</a></li>
                                    <li><a href="single-product-affiliate.jsp">Single Product Affiliate</a></li>
                                    <li><a href="single-product-slider.jsp">Single Product Slider</a></li>
                                    <li><a href="single-product-gallery-left.jsp">Gallery Left</a></li>
                                    <li><a href="single-product-gallery-right.jsp">Gallery Right</a></li>
                                    <li><a href="single-product-tab-style-left.jsp">Tab Style Left</a></li>
                                    <li><a href="single-product-tab-style-right.jsp">Tab Style Right</a></li>
                                    <li><a href="single-product-sticky-left.jsp">Sticky Left</a></li>
                                    <li><a href="single-product-sticky-right.jsp">Sticky Right</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="about.jsp">About Us</a></li>
                                    <li><a href="contact.jsp">Contact</a></li>
                                    <li><a href="faq.jsp">Faq</a></li>
                                    <li><a href="error-404.jsp">Error 404</a></li>
                                    <li><a href="${pageContext.request.contextPath}/user/userInfo">My Account</a></li>
                                    <li><a href="login.jsp">Loging | Register</a></li>
                                </ul>
                            </li>
                            <li class="has-children">
                                <a href="#">Blog <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                                <ul class="dropdown">
                                    <li><a href="blog.jsp">Blog</a></li>
                                    <li><a href="blog-left-sidebar.jsp">Blog Left Sidebar</a></li>
                                    <li><a href="blog-right-sidebar.jsp">Blog Right Sidebar</a></li>
                                    <li><a href="blog-details.jsp">Blog Details</a></li>
                                    <li><a href="blog-details-sidebar.jsp">Blog Details Sidebar</a></li>
                                </ul>
                            </li>
                            <li><a href="about.jsp">About</a></li>
                            <li><a href="contact.jsp">Contact</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- Mobile Menu End -->

                <!-- Language, Currency & Link Start -->
                <div class="offcanvas-lag-curr mb-6">
                    <div class="header-top-lan-curr-link">
                        <div class="header-top-lan dropdown">
                            <h4 class="title">Language:</h4>
                            <button class="dropdown-toggle" data-bs-toggle="dropdown">English <i class="fa fa-angle-down"></i></button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a class="dropdown-item" href="#">English</a></li>
                                <li><a class="dropdown-item" href="#">Japanese</a></li>
                                <li><a class="dropdown-item" href="#">Arabic</a></li>
                                <li><a class="dropdown-item" href="#">Romanian</a></li>
                            </ul>
                        </div>
                        <div class="header-top-curr dropdown">
                            <h4 class="title">Currency:</h4>
                            <button class="dropdown-toggle" data-bs-toggle="dropdown">USD <i class="fa fa-angle-down"></i></button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a class="dropdown-item" href="#">USD</a></li>
                                <li><a class="dropdown-item" href="#">Pound</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Language, Currency & Link End -->

                <!-- Contact Links/Social Links Start -->
                <div class="mt-auto bottom-0">

                    <!-- Contact Links Start -->
                    <ul class="contact-links">
                        <li><i class="fa fa-phone"></i><a href="#"> +012 3456 789</a></li>
                        <li><i class="fa fa-envelope-o"></i><a href="#"> info@example.com</a></li>
                        <li><i class="fa fa-clock-o"></i> <span>Monday - Sunday 9.00 - 18.00</span> </li>
                    </ul>
                    <!-- Contact Links End -->

                    <!-- Social Widget Start -->
                    <div class="widget-social">
                        <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                        <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                        <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                        <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                        <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                    </div>
                    <!-- Social Widget Ende -->
                </div>
                <!-- Contact Links/Social Links End -->
            </div>
            <!-- Mobile Menu Inner Wrapper End -->

        </div>
        <!-- Mobile Menu Inner End -->
    </div>
    <!-- Mobile Menu End -->

    <!-- Scripts -->
    <!-- Global Vendor, plugins JS -->

    <!-- Vendor JS -->

    <!-- 
    <script src="${pageContext.request.contextPath}/bs/assets/js/vendor/popper.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/vendor/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/vendor/jquery-3.5.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/vendor/modernizr-3.11.2.min.js"></script>
    -->


    <!-- Plugins JS -->

    <!-- 
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins/aos.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins/jquery-ui.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins/nice-select.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins/countdown.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins/lightgallery-all.min.js"></script>
    -->


    <!-- Use the minified version files listed below for better performance and remove the files listed above -->


    <script src="${pageContext.request.contextPath}/bs/assets/js/vendor.min.js"></script>
    <script src="${pageContext.request.contextPath}/bs/assets/js/plugins.min.js"></script>

    <!--Main JS-->
    <script src="${pageContext.request.contextPath}/bs/assets/js/main.js"></script>
</body>

</html>